body {
width:360px;
margin-top: -20px;
margin: 0 auto;
padding: 0;
border: 0;
overflow: hidden;
}



/* ----- HEADER ----- */



#titleBar {
width:360px;
height:49px;
position: relative;
background: url(../images/background/top_list_bg.png) 0 0 repeat-x;
vertical-align: middle;
}
#leftBar, #rightBar{
position: absolute; 
top: 0; 
left: 0;
width:200px;
height:49px;
}

#leftBar img {
margin-top:3px;
margin-left:3px;
border: 0;
}

#rightBar{
left:auto;
right:0;
width:110px;
height:49px;
vertical-align: middle;
}

#titleBar h1 {
font-weight: bold;
vertical-align:middle;
margin-left:60px;
color: #fff;
font-size: 17px;
}

#rightBar table {
margin-top: 10px;
margin-left: 3px;
margin-right: auto;
height: 27px;
vertical-align: middle;
}

#rightBar td {
width: 35px;
height: 27px;
}

#tableButtons td:hover{
margin-top: 10px;
margin-left: 10px;
background: url(../images/icon/select_icon_bg.png) 0 0 no-repeat;
}

#middleBar{
margin-left: 200px;
width: 50px;
height: 49px;
border: 0px;
}

#statusBar{
float:left;
width: 44px;
height: 49px;
}
#statusBar img{
margin-left: 0;
margin-top: 14px;
}

#verticalSep {
float:right;
width: 6px;
}

#gpsStatus {
float:left;
width: 22px;
}

#reloadStatus {
width: 22px;
height: 49px;
float:right;
}

/*-- List View--*/
.infoBlock{
width:335px;
height:85px;
background:url(../images/background/bg_listInfo_blue_r.png);
overflow:auto; 
margin-left:5px;
margin-top:3px;
position: relative;
}

#myInfoBlock{
width:340px;
height:85px;
overflow:auto;
margin-left:10px;
margin-right:auto;
margin-top:3px;
position: relative;
background: url(../images/background/bg_MY_info_340x85.png) 0 0;
}

.photoArea, .moreInfoArea {
position: absolute; 
top: 0; 
left: 0; 
width:60px;
height:85px;
}

.photoArea img{
margin-top: 5px;
margin-left: 3px;
}

.texArea { 
margin-left: 60px; 
margin-top:0px; 
width:235px;
height:85px; 
}

.moreInfoArea {
left: auto;
right: 0; 
width:40px;
height:85px;
}

.distanceInfo { 
height:45px; 
font-family: Verdana;
font-weight: bold;
font-size: 10px;
text-align: justify;
color: #6F6F6F;
}

.mapInfo {
height:40px;
}

.mapInfo img{
margin-left: 0px;
margin-top: 0px;
}

#relInfo img{
margin-left: 5px;
margin-top: 5px;
}

#sendInfo img{
margin-left: 5px;
margin-top: 3px;
}

/*-- END List View--*/

.separator{
margin: 3px;
padding: 0;
height: 2px;
background: url("../images/background/separe_line.png") 50% 0 no-repeat; 

}

#scrollArea{
width: 360px;
height: 496px;
background: url("../images/background/bg_mapFull_r.png") 0 0 no-repeat; 

}

#menuBlock{
top: 0;
margin-left: 6px;
margin-right: 6px;
width: 348px;
height: 40px;
background: url("../images/window_mapView_s_r.png") 0 0 no-repeat; 
}
#menuBlock table {
margin-top: 2px;
margin-left: 8px;
margin-right: auto;
height: 35px;
}

#menuBlock td {
width: 174px; /*sirka tab*/
}

#viewButtons td:hover{
margin-top: 2px;
margin-left: 8px;
background: url(../images/button/view_buttonSelect.png) 0 0 no-repeat;
}

#listInfoView{
/*margin-top: 40px;*/
margin-left: 7px;
margin-right: auto;
width: 346px;
height: 447px;
}

/*-- Info IDs--*/

.tableIDinfo{
width: 235px;
height: 85px;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;
}

table.tableIDinfo td{
border-width:0px;
padding: 0px;
}

.IDname { 
top:3px;
font-family: Verdana;
font-weight: bold;
font-size: 14px;
text-align: left;
color: #496087;
height:20px;
width: 235px;
}

.separatorID {
width: 235px;
height: 2px;
background: url(../images/background/horizontalLine_MY.png) 0 0 no-repeat;
}

.iconID  {
margin-left: 0px;
margin-right: auto;
width: 15px;
height: 20px;

}

.infoID {
margin-left: 15px;
width: 220px;
height: 20px;
font-family: Verdana;
font-weight: normal;
font-size: 10px;
color: #374358;
}
